import js from '@eslint/js'
import globals from 'globals'
import tseslint from 'typescript-eslint'
import pluginVue from 'eslint-plugin-vue'
import { defineConfig } from 'eslint/config'
import PrettierRecommended from 'eslint-plugin-prettier/recommended'

// 1.
// import autoImport from './.eslintrc-auto-import.json' with { type: 'json' }

// 2.
import { createRequire } from 'module'
const require = createRequire(import.meta.url)
const autoImport = require('./.eslintrc-auto-import.json')

// 3.fs.readFile
export default defineConfig([
  {
    files: ['**/*.{js,mjs,cjs,ts,mts,cts,vue}'],
    plugins: { js },
    extends: ['js/recommended']
  },
  {
    files: ['**/*.{js,mjs,cjs,ts,mts,cts,vue}'],
    languageOptions: {
      globals: {
        ...globals.browser,
        ...globals.node,
        ...autoImport.globals
      }
    }
  },
  tseslint.configs.recommended,
  pluginVue.configs['flat/essential'],
  {
    files: ['**/*.vue'],
    languageOptions: { parserOptions: { parser: tseslint.parser } }
  },
  {
    rules: {
      'vue/multi-word-component-names': ['off'],
      'vue/attribute-hyphenation': 'warn',
      'vue/max-attributes-per-line': [
        'error',
        {
          singleline: 10,
          multiline: {
            max: 1,
            allowFirstLine: false
          }
        }
      ],
      'vue/singleline-html-element-content-newline': 'off',
      'vue/multiline-html-element-content-newline': 'off',
      'vue/component-definition-name-casing': ['error', 'PascalCase'],
      'vue/no-v-html': 'off',
      'accessor-pairs': 'error',
      'arrow-spacing': [
        'error',
        {
          before: true,
          after: true
        }
      ],
      'block-spacing': ['error', 'always'],
      'brace-style': [
        'error',
        '1tbs',
        {
          allowSingleLine: true
        }
      ],
      camelcase: [
        0,
        {
          properties: 'always'
        }
      ],
      'comma-dangle': ['error', 'never'],
      'comma-spacing': [
        'error',
        {
          before: false,
          after: true
        }
      ],
      'comma-style': ['error', 'last'],
      'constructor-super': 'error',
      curly: ['error', 'multi-line'],
      'dot-location': ['error', 'property'],
      'eol-last': 'error',
      eqeqeq: ['error', 'always', { null: 'ignore' }],
      'generator-star-spacing': [
        'error',
        {
          before: true,
          after: true
        }
      ],
      'handle-callback-err': ['error', '^(err|error)$'],
      indent: [
        'error',
        'error',
        {
          SwitchCase: 1
        }
      ],
      'jsx-quotes': ['error', 'prefer-single'],
      'key-spacing': [
        'error',
        {
          beforeColon: false,
          afterColon: true
        }
      ],
      'keyword-spacing': [
        'error',
        {
          before: true,
          after: true
        }
      ],
      'new-cap': [
        'error',
        {
          newIsCap: true,
          capIsNew: false
        }
      ],
      'new-parens': 'error',
      'no-array-constructor': 'error',
      'no-caller': 'error',
      'no-console': 'off',
      'no-class-assign': 'error',
      'no-cond-assign': 'error',
      'no-const-assign': 'error',
      'no-control-regex': 0,
      'no-delete-var': 'error',
      'no-dupe-args': 'error',
      'no-dupe-class-members': 'error',
      'no-dupe-keys': 'error',
      'no-duplicate-case': 'error',
      'no-empty-character-class': 'error',
      'no-empty-pattern': 'error',
      'no-eval': 'error',
      'no-ex-assign': 'error',
      'no-extend-native': 'error',
      'no-extra-bind': 'error',
      'no-extra-boolean-cast': 'error',
      'no-extra-parens': ['error', 'functions'],
      'no-fallthrough': 'error',
      'no-floating-decimal': 'error',
      'no-func-assign': 'error',
      'no-implied-eval': 'error',
      'no-inner-declarations': ['error', 'functions'],
      'no-invalid-regexp': 'error',
      'no-irregular-whitespace': 'error',
      'no-iterator': 'error',
      'no-label-var': 'error',
      'no-labels': [
        'error',
        {
          allowLoop: false,
          allowSwitch: false
        }
      ],
      'no-lone-blocks': 'error',
      'no-mixed-spaces-and-tabs': 'error',
      'no-multi-spaces': 'error',
      'no-multi-str': 'error',
      'no-multiple-empty-lines': [
        'error',
        {
          max: 1
        }
      ],
      'no-native-reassign': 'error',
      'no-negated-in-lhs': 'error',
      'no-new-object': 'error',
      'no-new-require': 'error',
      'no-new-symbol': 'error',
      'no-new-wrappers': 'error',
      'no-obj-calls': 'error',
      'no-octal': 'error',
      'no-octal-escape': 'error',
      'no-path-concat': 'error',
      'no-proto': 'error',
      'no-redeclare': 'error',
      'no-regex-spaces': 'error',
      'no-return-assign': ['error', 'except-parens'],
      'no-self-assign': 'error',
      'no-self-compare': 'error',
      'no-sequences': 'error',
      'no-shadow-restricted-names': 'error',
      'no-spaced-func': 'error',
      'no-sparse-arrays': 'error',
      'no-this-before-super': 'error',
      'no-throw-literal': 'error',
      'no-trailing-spaces': 'error',
      'no-undef': 'error',
      'no-undef-init': 'error',
      'no-unexpected-multiline': 'error',
      'no-unmodified-loop-condition': 'error',
      'no-unneeded-ternary': [
        'error',
        {
          defaultAssignment: false
        }
      ],
      'no-unreachable': 'error',
      'no-unsafe-finally': 'error',
      'no-unused-vars': [
        'error',
        {
          vars: 'all',
          args: 'none'
        }
      ],
      'no-useless-call': 'error',
      'no-useless-computed-key': 'error',
      'no-useless-constructor': 'error',
      'no-useless-escape': 0,
      'no-whitespace-before-property': 'error',
      'no-with': 'error',
      'one-var': [
        'error',
        {
          initialized: 'never'
        }
      ],
      'operator-linebreak': [
        'error',
        'after',
        {
          overrides: {
            '?': 'before',
            ':': 'before'
          }
        }
      ],
      'padded-blocks': ['error', 'never'],
      quotes: [
        'error',
        'single',
        {
          avoidEscape: true,
          allowTemplateLiterals: true
        }
      ],
      semi: ['error', 'never'],
      'semi-spacing': [
        'error',
        {
          before: false,
          after: true
        }
      ],
      'space-before-blocks': ['error', 'always'],
      'space-before-function-paren': ['error', 'never'],
      'space-in-parens': ['error', 'never'],
      'space-infix-ops': 'error',
      'space-unary-ops': [
        'error',
        {
          words: true,
          nonwords: false
        }
      ],
      'spaced-comment': [
        'error',
        'always',
        {
          markers: [
            'global',
            'globals',
            'eslint',
            'eslint-disable',
            '*package',
            '!',
            ','
          ]
        }
      ],
      'template-curly-spacing': ['error', 'never'],
      'use-isnan': 'error',
      'valid-typeof': 'error',
      'wrap-iife': ['error', 'any'],
      'yield-star-spacing': ['error', 'both'],
      yoda: ['error', 'never'],
      'prefer-const': 'error',
      'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 0,
      'object-curly-spacing': [
        'error',
        'always',
        {
          objectsInObjects: false
        }
      ],
      'array-bracket-spacing': ['error', 'never']
    }
  },

  PrettierRecommended
])
